/*
一、利用 vue + vue-router + webpack + vuex 重构 xwapp
 vue 的官网
 	https://cn.vuejs.org/v2/guide/installation.html
 vue-router 的官网
 	https://router.vuejs.org/zh-cn/
 vuex 的官网
 	https://vuex.vuejs.org/zh-cn/
 webpack 的官网 --英文版
 	https://webpack.js.org/guides/get-started/

安装命令的顺序
npm install -g webpack
npm install -g vue
npm install -g vue-cli
vue init webpack xwapp
cd xwapp
npm istall
npm install --save vuex
npm run dev
npm run build

在网页调试 开启命令
在主目录xwapp下 执行  npm run dev 

打包项目命令
在主目录xwapp下 执行 npm run build

项目目录： 初步确定目录 --英文有点烂 有些目录名不是很准确，有发现的可以提出修改 Thinks!
xwapp
  |____build  --webpack配置
  |____config --webpack配置
  |____node-modules --依赖包
  |____package.json 
  |____src  --主要开发目录
  		|___component  --组件
  		|		|____alert --弹框组件
  		|		|____bar   --导航条类组件
  		|		|____forms --表单类组件
  		|		|____lists --列表类组件
  		|		|____title --标题类组件
  		|		|____btn   --按钮组件
  		|		|____scrollLoad --滚动加载组件
  		|		
  		|___pages --页面
  		|	  |____application --申请
  		|	  |			|_____lists  ---申请列表展示页
  		|	  |			|_____info   ---申请信息展示页
  		|	  |			|_____froms  ---新增申请表单页
  		|	  |			|_____common ---一些从申请列表进入的相关页面 --额度测算之类等
  		|	  |			
  		|	  |____client  --客户
  		|	  |		  |_____lists  ---客户列表展示页
  		|	  |		  |_____info   ---客户信息展示页
  		|	  |		  |_____froms  ---新增客户表单页
  		|	  |		  |_____common ---一些从客户列表进入的相关页面 
  		|	  |			
  		|	  |____tasks --已完成任务 -- 和申请基本一致
  		|	  |			
  		|	  |____report --报告
  		|	  |		  |_____survey  ---调查报告
  		|	  |		  |_____review  ---审查报告
  		|	  |		  |_____common  ---信用评分表，财务报表之类的等
  		|	  |			
  		|	  |____common --公共页面 比如由侧边栏进入的页面
  		|
  		|___img  --图片
  		|	 |___alert --用于弹框的图片
  		|	 |___bar --用于导航条的图片
  		|	 |___client --用于客户页的图片
  		|	 |___apply --用于申请页的图片
  		|	 |___btn --用于按钮的图片
  		|	 |___report --用于报告的图片
  		|	 |___calc --用于计算器的图片
  		|	 |___side --用于侧边栏的图片
  		|	 |___common --备用 --有备无患
  		|
  		|___router  --路由
  		|
  		|___store   --vuex管理状态
  		|
  		|___App.vue --第一个渲染组件
  		|
  		|___main.js --入口文件
====================================
选择vue的原因 ：
	vue 比较轻量级框架
	组件化开发
	vue是MVVM开发框架,更加注重用数据的操作，而不需要过多的关注DOM

任务分配： 初步任务 --后面在讨论细化任务分配 
	文祥
		client 客户部分
		图表
	志其
		application 申请部分
		联动组件
	德贤
		组件开发
		report 报告部分
		侧边栏相关部分
======================================


dome测试结果：
	在网页
		上动画很流畅
	手机上
		不是很流畅 --有待优化
	发送请求
		还是调用以前的请求api，和一以前的基本一样

在.vue文件中引用 js 文件的变量或函数 用法
app.js
	export function fn(){} --export 暴露该函数

app.vue
	import { fn } from './app.js'  --引入 fn函数
	fn();



	






